/***** add by fuyun px-rem ******/
/***** end by fuyun px-rem ******/
body {
  background: #EEEEEE; }

.integral {
  padding: 0 0.4rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  background: #ffffff;
  border-top: 1px solid #c8c8cc;
  border-bottom: 1px solid #c8c8cc;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between; }
  .integral .name {
    font-size: 0.4rem; }
  .integral .jifen {
    font-size: 0.32rem;
    margin-left: 2.4rem; }
    .integral .jifen ins {
      font-size: 0.45333rem;
      color: #e51d23;
      font-weight: bolder; }
  .integral .order {
    width: 2.18667rem;
    height: 0.66667rem;
    line-height: 0.66667rem;
    color: #ffffff;
    text-align: center;
    font-size: 0.32rem;
    background: #b22222;
    display: inline-block;
    border-radius: 0.13333rem;
    margin-top: 0.2rem; }

.scroll-wrap {
  margin-top: 0.26667rem;
  border-top: 1px solid #c8c8cc;
  border-bottom: 1px solid #c8c8cc; }

.scroll-wrap img, .swiper-wrapper img {
  width: 100%;
  height: auto; }

.swiper-slide {
  width: 100% !important; }

.goodport {
  position: relative;
  overflow: hidden; }

.sort {
  width: 100%;
  height: 1.30667rem;
  line-height: 1.30667rem;
  display: -webkit-box;
  color: #333;
  text-align: center;
  font-size: 0.4rem;
  border-bottom: 1px solid #c8c8cc;
  background: #ffffff; }
  .sort .item {
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    cursor: pointer; }
  .sort .active {
    color: #b22222;
    border-bottom: 4px solid #b22222; }
  .sort a {
    color: #333333; }

.module-con .component {
  display: block;
  color: #333;
  font-size: 0.32rem;
  line-height: 1.12rem;
  height: 1.12rem;
  text-align: center; }
  .module-con .component .c-line {
    display: inline-block;
    border-bottom: 2px solid #b22222;
    width: 0.66667rem;
    margin-bottom: 0.06667rem; }
  .module-con .component .left {
    margin-right: 0.22667rem; }
  .module-con .component .right {
    margin-left: 0.22667rem; }

.module-con .m-info {
  border-top: 1px solid #c8c8cc;
  border-bottom: 1px solid #c8c8cc; }
  .module-con .m-info img {
    width: 100%;
    height: auto; }

.goodport .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #b22222; }

.swiper-pagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 1; }

.goodport.swiper-container-horizontal > .swiper-pagination-fraction {
  bottom: -5px;
  left: 0;
  width: 100%; }
